<ion-header>
  <ion-navbar>
    <ion-title>确认订单</ion-title>
  </ion-navbar>
</ion-header>
<ion-content padding>
  <div class="food-order-tips">
    <div>请到前台出示二维码确认订单</div>
  </div>
  <div class="QR-container">
    <img src="{{payQrCode}}">
  </div>
  <div class="order-input-container">
    <div class="order-input-divider">
      <p class="divider-left">订单号</p>
      <input class="divider-right" value="{{orderNo}}">
    </div>
    <div class="divider-line">
      <div></div>
    </div>
    <div class="order-input-divider">
      <p class="divider-left">下单时间</p>
      <input class="divider-right" value="{{orderDate}}">
    </div>
  </div>

  <ng-container *ngIf="isAdd === false">
    <div class="order-card" *ngFor="let item of basket.foodsList">

      <div class="order-card-header">
        <div class="order-card-header-left">{{item.fName}}</div>
        <div class="order-card-header-right">
          ×{{item.fNum}}
        </div>
      </div>

      <div class="order-card-footer">￥{{item.price * item.fNum}}</div>
    </div>
  </ng-container>

  <ng-container *ngIf="isAdd === true">
    <div style="font-size: 16px">新增菜品：</div>
    <div class="order-card" style="border-color: #32db64" *ngFor="let item of orderDetails.noPrintDetails">
      <div class="order-card-header">
        <div class="order-card-header-left">{{item.fName}}</div>
        <div class="order-card-header-right">
          ×{{item.addNum}}
        </div>
      </div>
      <div class="order-card-footer">￥{{item.price * item.addNum}}</div>
    </div>
    <div style="font-size: 16px">原有菜品：</div>
    <ng-container *ngFor="let item of orderDetails.orderDetails">
      <div class="order-card">
        <div class="order-card-header">
          <div class="order-card-header-left">{{item.fName}}</div>
          <div class="order-card-header-right">
            ×{{item.fNum}}
          </div>
        </div>
        <div class="order-card-footer">￥{{item.price * item.fNum}}</div>
      </div>
    </ng-container>
  </ng-container>
  <div id="form-hidden"></div><!--支付宝接口隐藏表单-->
</ion-content>
<ion-footer>
  <button class="food-order-allPrice" (click)="pay()">
    <i class="fa-credit-card"></i>
    <span>共计￥{{totalPrice}}</span>
  </button>
</ion-footer>
